<div class="row">
    <div style="padding-bottom:15px;">
        <div>
            {volist name="site_list" id="val"}
            <div style="display:flex;height:20px;align-items:center;margin-bottom:15px;">
                <div class="hhf_ellipsis">{$key+1}、{$val.name}</div>
            </div>
            <div style="display:flex;height:20px;align-items:center;margin-bottom:15px;">
                <div style="width:80%;">
                    <div class="layui-progress layui-progress-big" lay-filter="demo">
                        <div style="background:#0d95ef;" class="layui-progress-bar" lay-percent="{$val['bai']}%"></div>
                    </div>
                    <!--                    <div style="background:#0d95ef;height:16px;width:{$val['bai']}%;"></div>-->
                </div>
                <div style="width:20%;text-align:right;">场次<span style="color:#36e1f2;">{$val.number}</span></div>
            </div>
            {/volist}
        </div>
    </div>
</div>
<script>
        layui.use('element', function () {
            window.element = layui.element;
        });
</script>